{extend name='User/login' /}
{block name='main'}
    <!-- 公共头部开始 -->

    <!--公共头部开始-->

    <!-- 公共头部结束 -->

</div>

<!--注册开始-->

<div class="login_content">

    <div class="login_auto">

        <div class="login_top">

            <a href="index"><img src="/public/static/image/register/logo.gif" width="190" height="88" alt="波奇网"></a>

            <h1>用户注册</h1>

            <div class="has_number">已有波奇帐号，<a href="homeLogin">直接登录</a></div>

        </div>

        <div class="gl_body">

            <div class="reg_l left">

                <div class="reg_l_tag">



                </div>

                <div>

                    <div class="tag_body">

                        <form method="post" name="register" id="m_registerform" action='registerP'>

                        <div class="forget_list">

                            <span>手机号码：</span>

                            <div class="yzm borderd"><input type="text" id="mobile" name="mobile" class="w230" style="color:#ccc;" placeholder="请输入手机号码" maxlength="11"/></div>

                            <div class="k_em"><div class="tip suc" id='mobile_tip' style="display:none;"></div></div>

                        </div>

                        <div class="forget_list">

                            <span>设置密码：</span>

                            <div class="yzm borderd"><input type="password" id="m_password" name="m_password" class="w230" style="color:#ccc;" placeholder="6-20大小写英文字母、数字或符号" /></div>

                            <div class="k_em"><div class="tip err" id="m_password_tip" style="display:none;">密码长度只能在6-20位字符之间</div></div>

                        </div>

                        <div class="forget_list">

                            <span>确认密码：</span>

                            <div class="yzm borderd"><input type="password" id="m_repassword" name="m_repassword" class="w230" style="color:#ccc;" placeholder="请再次输入密码" /></div>

                            <div class="k_em"><div class="tip err" id="m_repassword_tip" style="display:none;">和新密码不一致，请重新输入</div></div>

                        </div>

                        <div class="forget_list">

                            <span>昵称：</span>

                            <div class="yzm borderd"><input type="text" id="m_nickname" name="m_nickname"  class="w230" style="color:#ccc;" placeholder="请输入昵称" /></div>

                            <div class="k_em"><div class="tip suc" id="m_nickname_tip" style="display:none;"></div></div>

                        </div>   

                        <div class="forget_list">

                            <span>验证码：</span>

                            <div class="yzm borderd">
                                <input type="text" id="m_verify" name="seccodeverify"  class="w80" value="" />
                      
                                <div class="k_em"><div class="tip err" id="m_verify_tip" style="display:none;">
                                    
                                </div></div></div>

                            <span class="yzm">
                                 <img src="{:captcha_src()}" id='imge' alt="captcha"  onclick="this.src='{:captcha_src()}?x='+Math.random();" />
                            </span>

                        </div>

                       

                        <div class="forget_list">

                            <span>&nbsp;</span>

                            <div class="login_btn left" style="margin-top:20px;">

                                <input type="hidden" name="utm_source" id="utm_source" value="">

                                <a href="javascript:void(0);" id="m_register">注 册</a>

                            </div>

                            <div class="k_em" style="margin-top:20px;"><div class="tip err" id="m_register_tip" style="display:none;"></div></div>

                        </div> 

                        <div class="forget_list">

                            <span>&nbsp;</span>

                        </div>

                        </form>                       

                    </div>
<!--此处邮箱注册已删除-->

                </div>

            </div>

            <div class="reg_r right"><a href="javascript:void(0)" target="_blank"><img src="/public/static/image/register/reg_ad.jpg" alt=""></a></div>

        </div>

    </div>

</div>

<!--注册结束-->

<!-- 底部开始 -->

<!--底部开始-->

<div  class="login_content">

    <div class="footer_auto">

        <div class="footer_bot">

            <p class="link"><a target="_blank" href="javascript:void(0)">关于波奇</a><span>|</span><a target="_blank" href="javascript:void(0)">友情链接</a><span>|</span><a target="_blank" href="javascript:void(0)">诚聘英才</a><span>|</span><a target="_blank" href="javascript:void(0)">联系我们</a><span>|</span><a target="_blank" href="javascript:void(0)">网站地图</a><span>|</span><a target="_blank" href="javascript:void(0)">意见反馈</a><span>|</span><a target="_blank" href="javascript:void(0)">帮助中心</a><span>|</span>客服热线：400-820-6098</p>

            <p class="copy">Copyright © 2007-2017 Boqii.com All Rights Reserved 光橙（上海）信息科技有限公司 版权所有 <a href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备13034501号-2</a>&nbsp;增值电信业务经营许可证：<a href="http://www.miibeian.gov.cn/" target="_blank">沪B2-20140120</a></p>

            <p>

                <a href='http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20131022163114962' target='_blank' rel='nofollow'><img src='/public/static/image/register/foot_gs.png' width="100" height="35"></a>

                <a href="http://www.boqii.com/ads.php" target="_blank" rel="nofollow"><img src="/public/static/image/register/foot_cx.png" width="100" height="35"></a>

                <a href="https://ss.knet.cn/verifyseal.dll?sn=e14111831011556282oicb000000&ct=df&a=1&pa=0.1636424780320953" target="_blank" rel="nofollow"><img src="/public/static/image/register/foot_kx.png" width="100" height="35"></a>

                <a href="http://www.zx110.org/" target="_blank" rel="nofollow"><img src="/public/static/image/register/foot_zx.png" width="100" height="35"></a>

            </p>

        </div>

    </div>

</div>



<!--底部结束-->

<div class="rightside">

    <a href="javascript:;" class="goTop"></a>

</div>


    <script>

        $('#mobile').blur(function() {
                check_mobile();
            });
            $('#m_password').blur(function() {
                check_m_password();
            });
            $('#m_repassword').blur(function() {
                check_m_repassword();
            });
            $('#m_nickname').blur(function() {
                check_m_nickname();
            });
            $('#m_verify').blur(function() {
                check_m_verify();
            });
             
            $('#m_register').click(function() {
                $('#m_register_tip').attr('style', 'display:none');
                $('#mobile_tip').attr('style', 'display:none');
                var mobile = $('#mobile').val();
                if (mobile == '' || mobile == '请输入手机号码') {
                    $('#mobile_tip').text('请输入手机号码！');
                    $('#mobile_tip').attr('style', 'display:block');
                    $('#mobile_tip').attr('class', 'tip err');
                    return false;
                }
                var reg = /^1[3|4|5|6|7|8][0-9]\d{8}$/;
                if (!reg.test(mobile)) {
                    $('#mobile_tip').text('请输入正确的手机号码！');
                    $('#mobile_tip').attr('style', 'display:block');
                    $('#mobile_tip').attr('class', 'tip err');
                    return false;
                }
                $('#m_password_tip').attr('style', 'display:none');
                var m_password = $('#m_password').val();
                if (m_password == '' || m_password == '6-20大小写英文字母、数字或符号') {
                    $('#m_password_tip').text('请输入密码！');
                    $('#m_password_tip').attr('style', 'display:block');
                    $('#m_password_tip').attr('class', 'tip err');
                    return false;
                }
                var reg = /^\w{6,20}$/;
                if (!reg.test(m_password)) {
                    $('#m_password_tip').text('请输入正确的密码格式！');
                    $('#m_password_tip').attr('style', 'display:block');
                    $('#m_password_tip').attr('class', 'tip err');
                    return false;
                }
                $('#m_repassword_tip').attr('style', 'display:none');
                var m_repassword = $('#m_repassword').val();
                if (m_repassword == '' || m_repassword == '请再次输入密码') {
                    $('#m_repassword_tip').text('请再次输入密码！');
                    $('#m_repassword_tip').attr('style', 'display:block');
                    $('#m_repassword_tip').attr('class', 'tip err');
                    return false;
                }
                var reg = /^\w{6,20}$/;
                if (!reg.test(m_repassword)) {
                    $('#m_repassword_tip').text('请输入正确的密码格式！');
                    $('#m_repassword_tip').attr('style', 'display:block');
                    $('#m_repassword_tip').attr('class', 'tip err');
                    return false;
                }
                var m_password = $('#m_password').val();
                if (m_repassword !== m_password) {
                    $('#m_repassword_tip').text('您输入的两次密码不一致！');
                    $('#m_repassword_tip').attr('style', 'display:block');
                    $('#m_repassword_tip').attr('class', 'tip err');
                    return false;
                }
                $('#m_nickname_tip').attr('style', 'display:none');
                var m_nickname = $.trim($('#m_nickname').val());
                if (m_nickname == '' || m_nickname == '请输入昵称') {
                    $('#m_nickname_tip').text('请输入昵称！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                if (m_nickname == '波奇' || m_nickname == '波奇管理员' || m_nickname == 'boqii管理员' || m_nickname == 'boqi管理员') {
                    $('#m_nickname_tip').text('昵称不可用，请使用其他昵称！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                if (m_nickname.length < 2) {
                    $('#m_nickname_tip').text('用户昵称不能小于2位！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                if (m_nickname.length > 10) {
                    $('#m_nickname_tip').text('用户昵称不能大于10位！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                $('#m_verify_tip').attr('style', 'display:none');
                var m_verify = $('#m_verify').val();
                if (m_verify == '') {
                    $('#m_verify_tip').text('');
                    $('#m_verify_tip').attr('style', 'display:block');
                    $('#m_verify_tip').attr('class', 'tip err');
                    return false;
                }
                var info = $('#m_registerform input').serialize();
                    $.ajax({
                        url:'registerP',
                        type:'post',
                        // dataType:'json',
                        data:info,
                        success:function(data){
                            // console.log(data);
                           
                            if(data == 'code'){
                                alert('验证码错误,请重试');
                                $('#imge').attr('src',"{:captcha_src()}?x='+Math.random();");
                                return false;
                            }
                            if(data == 'error_tel'){
                                alert('该号码已被注册,请重试');
                                return false;
                            }
                            if(data == 'error_nick'){
                                alert('该昵称已经被占用,请重试');
                                return false;
                            }
                            if(data == 'ok'){
                                alert('注册成功,请先进行登录');
                                window.location.href="{:url('index/User/login')}";
                                return false;
                            }else{
                                alert('注册失败,请重试');
                                return false;
                            }
                        }
                    });
                
            });

            function check_mobile() {
                $('#mobile_tip').attr('style', 'display:none');
                var mobile = $('#mobile').val();
                if (mobile == '' || mobile == '请输入手机号码') {
                    $('#mobile_tip').text('请输入手机号码！');
                    $('#mobile_tip').attr('style', 'display:block');
                    $('#mobile_tip').attr('class', 'tip err');
                    return false;
                }
                // var reg = /^1[3|4|5|6|7|8][0-9]\d{8}$/;
                var reg = /^1[34578]\d{9}$/;
                if (!reg.test(mobile)) {
                    $('#mobile_tip').text('请输入正确的手机号码！');
                    $('#mobile_tip').attr('style', 'display:block');
                    $('#mobile_tip').attr('class', 'tip err');
                    return false;
                }
                
            }
            function check_m_password() {
                $('#m_password_tip').attr('style', 'display:none');
                var m_password = $.trim($('#m_password').val());
                if (m_password == '' || m_password == '6-20大小写英文字母、数字或符号') {
                    $('#m_password_tip').text('请输入密码！');
                    $('#m_password_tip').attr('style', 'display:block');
                    $('#m_password_tip').attr('class', 'tip err');
                    return false;
                }
                var reg = /^\w{6,20}$/;
                if (!reg.test(m_password)) {
                    $('#m_password_tip').text('请输入正确的密码格式！');
                    $('#m_password_tip').attr('style', 'display:block');
                    $('#m_password_tip').attr('class', 'tip err');
                    return false;
                }
                $('#huoqu').removeAttr('data-check');
                $('#m_password_tip').text('');
                $('#m_password_tip').attr('style', 'display:block');
                $('#m_password_tip').attr('class', 'tip suc');
            }
            function check_m_repassword() {
                $('#m_repassword_tip').attr('style', 'display:none');
                var m_repassword = $('#m_repassword').val();
                if (m_repassword == '' || m_repassword == '请再次输入密码') {
                    $('#m_repassword_tip').text('请再次输入密码！');
                    $('#m_repassword_tip').attr('style', 'display:block');
                    $('#m_repassword_tip').attr('class', 'tip err');
                    return false;
                }
                var reg = /^\w{6,20}$/;
                if (!reg.test(m_repassword)) {
                    $('#m_repassword_tip').text('请输入正确的密码格式！');
                    $('#m_repassword_tip').attr('style', 'display:block');
                    $('#m_repassword_tip').attr('class', 'tip err');
                    return false;
                }
                var m_password = $('#m_password').val();
                if (m_repassword !== m_password) {
                    $('#m_repassword_tip').text('您输入的两次密码不一致！');
                    $('#m_repassword_tip').attr('style', 'display:block');
                    $('#m_repassword_tip').attr('class', 'tip err');
                    return false;
                }
                $('#huoqu').removeAttr('data-check');
                $('#m_repassword_tip').text('');
                $('#m_repassword_tip').attr('style', 'display:block');
                $('#m_repassword_tip').attr('class', 'tip suc');
            }
            function check_m_nickname() {
                $('#m_nickname_tip').attr('style', 'display:none');
                var m_nickname = $.trim($('#m_nickname').val());
                if (m_nickname == '' || m_nickname == '请输入昵称') {
                    $('#m_nickname_tip').text('请输入昵称！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                if (m_nickname == '波奇' || m_nickname == '波奇管理员' || m_nickname == 'boqii管理员' || m_nickname == 'boqi管理员') {
                    $('#m_nickname_tip').text('昵称不可用，请使用其他昵称！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                if (m_nickname.length < 2) {
                    $('#m_nickname_tip').text('用户昵称不能小于2位！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
                if (m_nickname.length > 10) {
                    $('#m_nickname_tip').text('用户昵称不能大于10位！');
                    $('#m_nickname_tip').attr('style', 'display:block');
                    $('#m_nickname_tip').attr('class', 'tip err');
                    return false;
                }
               
            }

            function check_m_verify() {
                $('#m_verify_tip').attr('style', 'display:none');
                var m_verify = $('#m_verify').val();
                if (m_verify == '') {
                    $('#m_verify_tip').text('');
                    $('#m_verify_tip').attr('style', 'display:block');
                    $('#m_verify_tip').attr('class', 'tip err');
                    return false;
                }
         
            }

              
            
    </script>
{/block}
</body>


</html>

